<template>
  <div>
    <h1>num:{{ num }}</h1>
    <Count />
    <button @click="num++">按钮</button>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";
  export default defineComponent({
    name: "App",
  });
</script>
<script lang="ts" setup>
  import { ref, provide } from "vue";
  import Count from "@/components/Count/index.vue";
  const num = ref(0);
  const hello = ref("world");

  provide("num", num);
  provide("hello", hello);
</script>

<style lang="scss"></style>
